<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>So, you want to start your meeting?</title>
    <link rel="stylesheet" type="text/css" href="css/startMeeting.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/humanity/jquery-ui-1.8.4.custom.css" media="screen" />
    <script type="text/javascript" src="scripts/jquery-1.4.2.min.js" ></script>
    <script type="text/javascript" src="scripts/jquery-ui-1.8.4.custom.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.layout.min-1.2.0.js"></script>
    <script type="text/javascript" src="scripts/shortcuts.js"></script>
    <script type="text/javascript" src="scripts/jquery.qtip-1.0.0-rc3.min.js"></script>

    <script type="text/javascript">
        $(function() {
            $('button').button();
        });
    </script>
</head>
<body>
    <h2>So you wanna meet?</h2>

    <div class="fieldHeader">Meeting Name</div>
    <input type="text" name="meetingName" id="meetingName"/>

    <div class="fieldHeader">Do you have an agenda?</div>
    <div>
        <input type="radio" name="agenda" value="no" checked="checked"/> No
    </div>
    <div>
        <input type="radio" name="agenda" value="previous" disabled="disabled"/> Based on a previous meeting
    </div>
    <div>
        <input type="radio" name="agenda" value="previous" disabled="disabled"/> Yes
    </div>

    <button id="startButton">Start</button>

</body>
</html>